<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旅游资讯</title>
    <link type="text/css" href="base.css" rel="stylesheet">
    <link type="text/css" href="column.css"rel="stylesheet">
</head>
<body>

<div id="nav">
    <section class="center clearfix">
        <h1 class="logo"> 瓢城旅行社</h1>
        <ul class="link">
            <li ><a href="index.html">首页</a></li>
            <li class="active"><a href="information.html">旅游资讯</a></li>
            <li><a href="ticket.html">机票订购</a></li>
            <li><a href="scenery.html">风景欣赏</a></li>
            <li><a href="about.html">公司简介</a></li>
        </ul>
    </section>
</div>
<div class="handline ">
    <div class="center">
        <hgroup class="hgroup">
            <h2 >旅游资讯</h2>
            <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
        </hgroup>
    </div>
</div>
<div class="container">
    <div class="sideBar">
        <div class="sideBox recommend">
            <h2>景点推荐</h2>
            <div class="tag">
                <ul>
                    <li><a href="#">曼谷(12)</a></li>
                    <li><a href="#">东京(5)</a></li>
                    <li><a href="#">西双版纳(8)</a></li>
                    <li><a href="#">漓江(16)</a></li>
                    <li><a href="#">呼伦贝尔(4)</a></li>
                    <li><a href="#">首尔(9)</a></li>
                    <li><a href="#">巴厘岛(15)</a></li>
                    <li><a href="#">土耳其(22)</a></li>
                    <li><a href="#">夏威夷(5)</a></li>
                    <li><a href="#">巴厘岛(11)</a></li>
                    <li><a href="#">毛里求斯(7)</a></li>
                    <li><a href="#">吉普岛(4)</a></li>
                    <li><a href="#">希腊(18)</a></li>
                    <li><a href="#">法瑞意(8)</a></li>
                    <li><a href="#">法瑞意(8)</a></li>
                    <li><a href="#">法瑞意(8)</a></li>
                    <li><a href="#">法瑞意(8</a></li>
                    <li><a href="#">法瑞意(8</a></li>
                    <li><a href="#">法瑞意(8</a></li>
                    <li><a href="#">法瑞意(8</a></li>
                    <li><a href="#">法瑞意(8</a></li>
                </ul>
            </div>
        </div>
        <div class=" sideBox hot">
            <h2>热点旅游</h2>
            <figure>
                <img src="img/hot1.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot2.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot3.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot4.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot5.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot6.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot7.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
            <figure>
                <img src="img/hot8.jpg">
                <figcaption>曼谷-芭提雅6日游</figcaption>
            </figure>
        </div>
        <div class="sideBox treasure">
            <h2>旅游百宝箱</h2>
           <div class="service">
               <ul>
                   <li><a href="#" class="trea1">天气预报</a></li>
                   <li><a href="#" class="trea2">火车票查询</a></li>
                   <li><a href="#" class="trea3">航空查询</a></li>
                   <li><a href="#" class="trea4">地铁线路查询</a></li>
               </ul>
           </div>
        </div>
    </div>
    <div class="list information">
        <div class="infor">
            <ul class="left">
                <li class="active"><a href="#">限时特价</a></li>
                <li><a href="#">热门推荐</a></li>
            </ul>
            <ul class="right">
                <li class="active"><a href="#">推荐</a></li>
                <li><a href="#">折扣</a></li>
                <li><a href="#">价格</a></li>
            </ul>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour1.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>

        <div class="pic">
            <figure>
                <img src="img/tour2.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour3.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour4.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour5.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour6.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour7.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour8.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="pic">
            <figure>
                <img src="img/tour9.jpg" width="380" height="230">
                <figcaption>
                    <article>
                        <header>
                            <hgroup>
                                <h2>曼谷-芭提雅6日游</h2>
                                <h3>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</h3>
                            </hgroup>
                        </header>
                        <ol>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                            <li>
                                <mark>交通</mark>:春秋航空,杭州出发,无需转机
                            </li>
                        </ol>
                        <div class="buy">
                            <div class="price">¥&nbsp;<strong>2864</strong> <s>¥3980</s></div>
                            <div class="reserve"><a href="#">立即抢购</a></div>
                        </div>
                        <footer>本团游由瓢城旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                    </article>
                </figcaption>
            </figure>
            <div class="type">国内长线</div>
            <div class="disc"><span>4.7折</span></div>
        </div>
        <div class="more">加载更多...</div>
    </div>

</div>
<div class="clearfix"></div>
<footer class="footer">
    <div class="top">
        <div class="block left">
            <h2>合作伙伴</h2>
            <div class="hr"></div>
            <ul>
                <li>途牛旅游网</li>
                <li>驴妈妈旅游网</li>
                <li>携程旅游</li>
                <li>中国青年旅行社</li>
            </ul>
        </div>
        <div class="block middle" >
            <h2>旅游FAQ</h2>
            <div class="hr"></div>
            <ul>
                <li>旅游合同签订方式？</li>
                <li>儿童价是基于什么制定的？</li>
                <li>旅游的线路品质怎么界定的？</li>
                <li>单房差是什么？</li>
                <li>旅游保险有那些种类？</li>
            </ul>
        </div>
        <div class="block right ">
            <h2>联系方式</h2>
            <div class="hr"></div>
            <ul>
                <li>微博：weibo.com/ycku</li>
                <li>邮件：ycku@ycku.com</li>
                <li>地址：江苏盐城无名路123 号</li>
            </ul>
        </div>
    </div>
    <div class="bottom">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>
</footer>
</body>
</html>